<template>
  <el-dialog width='50%' append-to-body :title='title' @close='close' :visible='visible'>

    <div style='height:500px ; overflow: auto'>
      <div v-for='item in 12'>
        <el-descriptions title='用户信息'>
          <el-descriptions-item label='用户名'>kooriookami</el-descriptions-item>
          <el-descriptions-item label='手机号'>18100000000</el-descriptions-item>
          <el-descriptions-item label='居住地'>苏州市</el-descriptions-item>
          <el-descriptions-item label='备注'>
            <el-tag size='small'>学校</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label='联系地址'>江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
        </el-descriptions>
      </div>
    </div>
    <div class='start'>
      <el-button type='primary' >开始</el-button>
    </div>

  </el-dialog>

</template>
<script>
export default {
  name: 'A',
  inject: ['info'],
  props: {
    visible: {
      type: Boolean,
      default: true
    }
  },
  mounted() {
    console.log(this.info)
  },
  data() {
    return {
      title: '对话框'
    }
  },
  methods: {
    close() {
      this.$emit('close', false)
      this.$emit('update:visible', false)
    }
  }
}
</script>

<style scoped>
.start {

  bottom: 5px;
  position: fixed;
  display:flex;
  justify-content: center ;
  align-content: center;
}
</style>
